<!doctype html>
<html itemscope itemtype="http://schema.org/Product">
  <head>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=no,width=device-width">
    <meta itemprop="name" content="demoQRacy">
    <meta itemprop="description" content="Offline voting, via QR codes. Create your own elections and vote now!">
    <meta itemprop="image" content="http://www.demoqracy.com/static/images/logo.png">

    <title>{% block page_title %}demoQRacy - Easy offline voting using QR codes{% endblock %}</title>

    <link rel="shortcut icon" href="/static/images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="/static/styles/base.css">
    <link rel="stylesheet" type="text/css" media="screen" href="/static/styles/full-size.css" />
    <link rel="stylesheet" type="text/css" media="handheld and (max-device-width: 480px)" href="/static/styles/narrow-screen.css" />
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Yanone Kaffeesatz">
    <link href='http://fonts.googleapis.com/css?family=Rammetto+One' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
    {% block styles_head %}{% endblock %}

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script src="/static/javascript/third-party/jquery.sprintf.js" type="text/javascript"></script>
    <script src="/static/javascript/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript" ></script>
    <script src="/static/javascript/base.js" type="text/javascript"></script>
    {% block javascript_head %}{% endblock %}

    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-27402289-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script');
        ga.type = 'text/javascript';
        ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(ga, s);
      })();
    </script>
  </head>

  <body{% if handler_source_file %} data-tech-name="webapp2 Handlers" data-tech-url="{{ handler_source_file }}"{% endif %}>
    <div id="header">
      <div id="logo" data-tech-name="Web Fonts" data-tech-url="templates/base.html#15">
        <div id="top-left-square" class="square">&#x25a3;</div>
        <div id="top-right-square" class="square">&#x25a3;</div>
        <div id="bottom-left-square" class="square">&#x25a3;</div>
        <div id="demoqracy-text"><a class="no-hover-underline" href="/">demoQRacy</a></div>
      </div>
    </div>
    
    <div id="subheader">
      <ul id="header-links">
        <li>
          <img src="/static/images/icons/add.png" class="flanker_icon" />
          <a href="/elections/create">New Election</a></li>
        <li>
          <img src="/static/images/icons/tick.png" class="flanker_icon" />
          <a href="/elections">My Elections</a></li>
        <li>
          {% if user.user_id %}
          <img src="/static/images/icons/door_open.png" class="flanker_icon" />
          <a href="{{ user.logout_url }}">Log Out</a>
          {% else %}
          <img src="/static/images/icons/user.png" class="flanker_icon" />
          <a href="{{ user.login_url }}">Log In</a>
          {% endif %}
        </li>
      </ul>
      <div id="plusone_container" data-tech-name="+1 Button" data-tech-url="static/javascript/base.js#8">
        <div class="g-plusone" data-href="http://www.demoqracy.com"></div>
      </div>
    </div>

    <div id="tech-info">
      <div>Tech used on this page:</div>
      <ul id="tech-info-list"></ul>
    </div>

    <div id="content">
		  {% block content %}{% endblock content %}
	  </div>

    <div id="footer">
      <ul class="flat_link_list">
        <li><a id="toggle-tech">Toggle Tech Details</a></li>
        <li>|</li>
        <li><a href="/about">About</a></li>
        <li>|</li>
        <li><a href="/how-it-works">How it Works</a></li>
        <li>|</li>
        <li><a href="/terms">Terms</a></li>
        <li>|</li>
        <li><a href="/privacy">Privacy</a></li>
        <li>|</li>
        <li><a target="_blank" href="http://code.google.com/p/demoqracy">Source Code</a></li>
      </ul>
    </div>

    {% block dummy_tech_spans %}{% endblock dummy_tech_spans %}

    <div id="translucent-overlay"></div>
  </body>
</html>